<template>
<div class="stream">
  <nav-bar title="流水明细" fixed="fixed" isBg="1"/>
  <div class="content-list">
    <van-dropdown-menu class="dropdown-menu">
      <van-dropdown-item class="dropdown-item" v-model="value" :options="option" />
    </van-dropdown-menu>
    <div class="wp-list">
      <van-pull-refresh class="pull-refresh" v-model="isLoading" @refresh="onRefresh">
        <van-list v-model="loading" :finished="finished" :offset="50" :immediate-check="false" finished-text="暂无数据" @load="onLoad">
            <running-water :list="streamList"></running-water>
        </van-list>
      </van-pull-refresh>
      <!-- <no-data></no-data> -->
    </div>
  </div>
</div>
</template>
<script>
export default {
  name: 'stream',
  data() {
    return {
      streamList: [],
      isLoading: false,
      finished: false,
      loading: false,
      value: 0,
      option: [
        { text: '全部', value: 0 },
        { text: '转入', value: 1 },
        { text: '转出', value: 2 },
        { text: '冻结', value: 3 },
        { text: '结冻', value: 4 }
      ]
    };
  },
  created() {
  },
  mounted() {
  },
  methods: {
    onRefresh() {
      setTimeout(() => {
        this.isLoading = false;
      }, 500);
    },
    onLoad() {
      // 异步更新数据
      setTimeout(() => {
      }, 500);
    }
  }
};
</script>
<style lang="less" scoped>
.content-list{
  height: calc(100% - 186px);
}
.wp-list{
  margin-top: 20px;
  height: 100%;
}
.pull-refresh{
  height: 100%;
}
</style>
